<template>
  <el-container >
    <el-main>
      <div style="display: flex; justify-content: center;">
        <el-row style="width: 70%;">
          <el-col :span="12">
            <el-button type="warning" plain round style="font-size: 50px; width: 98%; height: 300px; margin-top: 200px;border: 5px solid rgba(233,214,7,0.73);"
                       @click="jszt()">技师状态
            </el-button>
          </el-col>
          <el-col :span="12">
            <el-button type="success" plain round style="font-size: 50px; width: 98%; height: 300px; margin-top: 200px;border: 5px solid rgba(8,243,8,0.43); "
                       @click="tuidan()">退单
            </el-button>
          </el-col>
        </el-row>
      </div>

      <div style="display: flex; justify-content: center;">
        <el-row style="width: 70%;">
          <el-col :span="12">
            <el-button type="primary" plain round style="font-size: 50px; width: 98%; height: 300px; margin-top: 10px;border: 5px solid rgba(5,175,218,0.73);"
                       @click="szqk()">上钟情况
            </el-button>
          </el-col>
          <el-col :span="12">
            <el-button type="danger" plain round style="font-size: 50px; width: 98%; height: 300px; margin-top: 10px;border: 5px solid rgba(245,10,10,0.62); "
                       @click="dlzs()">队列展示
            </el-button>
          </el-col>
        </el-row>
      </div>
      <el-dialog   width="90%" :showClose="false" center      :visible.sync="centerDialogVisible"    >
        <el-card>
          <div style="  height: 80vh; overflow: auto;">
            <Verify @comfirm="luru" :inputName="this.form.handBrand"></Verify>
          </div>
        </el-card>
      </el-dialog>
    </el-main>

  </el-container>
</template>
<script>
import Verify from "./Verify1.vue";

export default {
  name: "Details",
  components: {
    Verify
  },
  data() {
    return {
      form: {},
      centerDialogVisible: false,
    }
  },
  created() {
  },
  methods: {
    /** 第一按钮操作 */
    luru(k) {
      this.form.handBrand = k;
      this.centerDialogVisible = false;
      this.tuidan1();
    },
    tuidan() {
      this.centerDialogVisible = true;
    },
    jszt() {
      this.$router.push({path: "/jishi/jishizt"});
    },
    szqk() {
      this.$router.push({path: "/jishi/baobiaozhanshi"});
    },
    td() {
      this.$router.push({path: "/jishi/tuidanA"});
    },
    dlzs() {
      this.$router.push({path: "/jishi/duiliezhanshi"});
    },
    tuidan1() {
      const hb = this.form.handBrand;
      this.$router.push({path: "/jishi/tuidanB", query: {hb}});
    },
  }
};
</script>

